<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Tag标签</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">

	<link rel="stylesheet" href="../../assets/gougu/css/gougu.css">
</head>

<body>
	<div class="p-3">
		<div class="layui-row layui-col-space12">
			<div class="layui-col-md12">
				<div class="layui-card">
					<div class="layui-card-header">主题风格</div>
					<div class="layui-card-body">
						<div class="layui-btn-container tag">
							<button lay-id="11" type="button" class="tag-item tag-item-normal">网站设置</button>
							<button lay-id="22" type="button" class="tag-item">用户管理</button>
							<button lay-id="33" type="button" class="tag-item tag-item-warm">权限分配</button>
							<button lay-id="44" type="button" class="tag-item tag-item-danger">商品管理</button>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md12">
				<div class="layui-card">
					<div class="layui-card-header">动态操作</div>
					<div class="layui-card-body">
						<div class="layui-btn-container tag" lay-filter="demo" lay-allowclose="true" lay-newTag="true">
							<button lay-id="11" type="button" class="tag-item tag-item-normal">网站设置</button>
							<button lay-id="22" type="button" class="tag-item">用户管理</button>
							<button lay-id="33" type="button" class="tag-item tag-item-warm">权限分配</button>
							<button lay-id="44" type="button" class="tag-item tag-item-danger">商品管理</button>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md12">
				<div class="layui-card">
					<div class="layui-card-header">删除功能</div>
					<div class="layui-card-body">
						<div class="layui-btn-container tag" lay-allowclose="true">
							<button lay-id="11" type="button" class="tag-item tag-item-danger">网站设置</button>
							<button lay-id="22" type="button" class="tag-item tag-item-danger">用户管理</button>
							<button lay-id="33" type="button" class="tag-item tag-item-danger">权限分配</button>
							<button lay-id="44" type="button" class="tag-item tag-item-danger">商品管理</button>
							<button lay-id="55" type="button" class="tag-item tag-item-danger">订单管理</button>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md12">
				<div class="layui-card">
					<div class="layui-card-header">新建功能</div>
					<div class="layui-card-body">
						<div class="layui-btn-container tag" lay-newTag="true">
							<button lay-id="11" type="button" class="tag-item">网站设置</button>
							<button lay-id="22" type="button" class="tag-item">用户管理</button>
							<button lay-id="33" type="button" class="tag-item">权限分配</button>
							<button lay-id="44" type="button" class="tag-item">商品管理</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script>
		const moduleInit = ['tool', 'tag'];
		function gouguInit() {

		}
	</script>
  <script src="../../assets/layui/layui.js"></script>
  <script src="../../assets/gougu/gouguInit.js"></script>
</body>

</html>